!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[TextInput]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[TextInput]"]=t(require("react")):e["rb_wixui.thunderbolt[TextInput]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={40841:function(e,t){var r;
/*!
	Copyright (c) 2018 Jed Watson.
	Licensed under the MIT License (MIT), see
	http://jedwatson.github.io/classnames
*/!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)){if(r.length){var i=o.apply(null,r);i&&e.push(i)}}else if("object"===a){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){e.push(r.toString());continue}for(var l in r)n.call(r,l)&&r[l]&&e.push(l)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(r=function(){return o}.apply(t,[]))||(e.exports=r)}()},5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(this,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},66820:function(e){e.exports=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o},e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var a=r[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return function(){"use strict";n.r(o),n.d(o,{components:function(){return D}});var e=n(66820),t=n.n(e),r=n(448),a=n.n(r),i=n(5329),l=n(40841),s=n.n(l);const u=(...e)=>e.map((e=>`wixui-${e}`)).join(" ");function d(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}Object.create;Object.create;const p=13,c=27;function f(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}f(32),f(p),f(c);const v=e=>{var{size:t}=e,r=d(e,["size"]);return i.createElement("svg",Object.assign({viewBox:"0 0 20 20",fill:"currentColor",width:t||"20",height:t||"20"},r),i.createElement("path",{fillRule:"evenodd",d:"M9.5,3 C13.084,3 16,5.916 16,9.5 C16,13.084 13.084,16 9.5,16 C5.916,16 3,13.084 3,9.5 C3,5.916 5.916,3 9.5,3 Z M9.5,4 C6.467,4 4,6.467 4,9.5 C4,12.533 6.467,15 9.5,15 C12.533,15 15,12.533 15,9.5 C15,6.467 12.533,4 9.5,4 Z M10,11 L10,12 L9,12 L9,11 L10,11 Z M10,7 L10,10 L9,10 L9,7 L10,7 Z"}))};v.displayName="ErrorSmall";var b=v,y="TLWrjM",m="GIPQqH",h="JNgJbf";const g="Error text displays here.",x=e=>{let t=e.errorMessage,r=e.errorMessageType,n=e.shouldShowValidityIndication,o=e.translate,a=e.translations.defaultErrorMessage;const l="editor"===e.componentViewMode?o?o("wixui",a,g):g:t;return"inline"===r&&n&&l?i.createElement("div",{className:y},i.createElement(b,{className:m}),i.createElement("span",{className:h},l)):null};var _={root:"text-input",inputEl:"text-input__input",inputLabel:"text-input__label"},O={input:"KvoMHf",hideNumberSpinner:"ErucfC",AppsTextInputSkin:"MpKiNN",appsTextInputSkin:"MpKiNN",inputWrapper:"pUnTVX",prefix:"eXvLsN","validation-indication":"LyB02C",validationIndication:"LyB02C",label:"wPeA6j",hasLabel:"qzvPmW","required-indication":"lPl_oN",requiredIndication:"lPl_oN",ResponsiveTextInputSkin:"ZXdXNL",responsiveTextInputSkin:"ZXdXNL"};const I="Text_Input",M="text_input_phone_format_length_validation_error",E="Please enter a phone number with {digits} digits",C="text_input_phone_format_default_validation_error",j="Please enter between 4 to 17 digits. You can include hyphens (-) or start with a (+), e.g., 555-123-4567 or +(222)987654321",w="text_input_phone_format_complex_phone_default_validation_error",L="Please enter between 4 to 17 digits. You can include dividers (-), e.g., 555-123-4567.",N=function(e,t,r){void 0===r&&(r=!0);return Array.from(t).reduce(((e,t,r)=>"-"===t?[...e,r]:e),[]).filter(((t,n)=>r?t<=e.length:t<=e.length+n))},S=(e,t)=>t(I,M,E).replace("{digits}",""+(e?e.replace(/-/g,"").length:0)),T=e=>e(I,C,j),P=e=>e(I,w,L),V=["aria-label"],A=()=>{},R=(e,r)=>{var n;const o=e.skin,l=e.name,p=e.id,c=e.className,f=void 0===c?"":c,v=e.customClassNames,b=void 0===v?[]:v,y=e.dataTestId,m=e.value,h=e.inputType,g=void 0===h?"text":h,I=e.label,M=e.placeholder,E=e.readOnly,C=e.required,j=e.isDisabled,w=e.pattern,L=e.autoComplete,R=e.autoComplete_,k=e.maxLength,F=e.min,D=e.max,q=e.step,B=e.numberSpinnerHidden,H=e.shouldShowValidityIndication,X=e.isValid,Z=e.autoFocus,K=e.prefix,U=e.phoneFormat,W=void 0===U?"":U,z=e.errorMessageType,G=void 0===z?"tooltip":z,J=e.validateValue,Y=void 0===J?A:J,$=e.setValidityIndication,Q=void 0===$?A:$,ee=e.onBlur,te=void 0===ee?A:ee,re=e.onFocus,ne=void 0===re?A:re,oe=e.onKeyPress,ae=void 0===oe?A:oe,ie=e.onInput,le=void 0===ie?A:ie,se=e.onValueChange,ue=void 0===se?A:se,de=e.onChange,pe=void 0===de?A:de,ce=e.onClick,fe=void 0===ce?A:ce,ve=e.onDblClick,be=void 0===ve?A:ve,ye=e.onMouseEnter,me=void 0===ye?A:ye,he=e.onMouseLeave,ge=void 0===he?A:he,xe=e.ariaAttributes,_e=e.contentRef,Oe=e.translate,Ie=e.componentViewMode,Me=i.useRef(null);i.useImperativeHandle(r,(()=>({focus:()=>{var e;null==(e=Me.current)||e.focus()},blur:()=>{var e;null==(e=Me.current)||e.blur()},setCustomValidity:t=>{var r,n;"message"===t.type?null==(r=Me.current)||r.setCustomValidity(t.message):null==(n=Me.current)||n.setCustomValidity(((e,t)=>{let r=t.translate,n=t.phoneFormat;if(!r)return e.key;switch(e.key){case"PHONE_FORMAT_LENGTH_VALIDATION_ERROR":return S(n,r);case"PHONE_FORMAT_DEFAULT_VALIDATION_ERROR":return T(r);case"PHONE_FORMAT_COMPLEX_PHONE_DEFAULT_VALIDATION_ERROR":return P(r);default:return e.key}})(t,{translate:e.translate,phoneFormat:e.phoneFormat}))},getValidationMessage:()=>{var e;return null==(e=Me.current)?void 0:e.validationMessage}})));const Ee=i.useState(),Ce=Ee[0],je=Ee[1],we=i.useMemo((()=>"tel"===g&&W?((e,t)=>{const r=N(e,t,!1),n=Array.from(e);return r.forEach((e=>{e<n.length&&n.splice(e,0," ")})),n.join("")})(m,W):m),[m,W,g]),Le=e=>{let t=e.shouldSetValidityIndication,r=e.shouldCallOnInput;return e=>{const n=e.target.value;let o=n;if(W){const e=n.length<we.length;if(o=((e,t,r)=>{const n=N(e,t);return n.reduce(((t,o,a)=>{if(" "===e[o])t.splice(o-a,1);else if(" "!==e[o+1]||r)" "===e[o-1]&&r&&(e.split(" ").length-1<n.length?t.splice(o-a,1):t.splice(o-a-1,1));else{const e=1-a;t.splice(o+e,1)}return t}),Array.from(e)).join("")})(n,W,e),o.match(/[^\d]/))return}je(!0),ue(o),Y(),t&&Q(!1),r&&le(e)}},Ne=i.useRef({value:""});i.useEffect((()=>{Ne.current.value=m}),[m]),i.useEffect((()=>{var e;Ne.current.value=(null==(e=Me.current)?void 0:e.value)||"",setTimeout((()=>{Le({shouldSetValidityIndication:!1,shouldCallOnInput:!1})({target:{value:Ne.current.value}})}),0)}),[]);const Se=s()(O[o],f,u(_.root,...b),{[O.hasLabel]:!!I,[O.requiredIndication]:C,[O.validationIndication]:!!H}),Te=((e={})=>{var t,{pressed:r,expanded:n,haspopup:o,label:a,live:i,relevant:l,current:s,owns:u,controls:p,roleDescription:c,hidden:f,disabled:v,describedBy:b,labelledBy:y,errorMessage:m,atomic:h,role:g,busy:x}=e,_=d(e,["pressed","expanded","haspopup","label","live","relevant","current","owns","controls","roleDescription","hidden","disabled","describedBy","labelledBy","errorMessage","atomic","role","busy"]);const O=null!==(t=_.tabIndex)&&void 0!==t?t:_.tabindex,I={};return a&&(I["aria-label"]=a),i&&(I["aria-live"]=i),s&&(I["aria-current"]=s),r&&(I["aria-pressed"]=r),"boolean"==typeof f&&(I["aria-hidden"]=f),"boolean"==typeof n&&(I["aria-expanded"]=n),"boolean"==typeof v&&(I["aria-disabled"]=v),"boolean"==typeof h&&(I["aria-atomic"]=h),"boolean"==typeof x&&(I["aria-busy"]=x),"string"==typeof l&&(I["aria-relevant"]=l),"string"==typeof u&&(I["aria-owns"]=u),"string"==typeof p&&(I["aria-controls"]=p),"string"==typeof c&&(I["aria-roledescription"]=c),o&&(I["aria-haspopup"]=o),"number"==typeof O&&(I.tabIndex=O),g&&(I.role=g),b&&(I["aria-describedby"]=b),y&&(I["aria-labelledby"]=y),m&&(I["aria-errormessage"]=m),I})(xe),Pe=Te["aria-label"],Ve=t()(Te,V);return i.createElement("div",a()({id:p},(e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{}))(e),{ref:_e,className:Se,"data-testid":y,onClick:e=>{j||fe(e)},onDoubleClick:e=>{j||be(e)},onMouseEnter:e=>{j||me(e)},onMouseLeave:e=>{j||ge(e)}}),!!I&&i.createElement("label",{htmlFor:"input_"+p,className:s()(O.label,u(_.inputLabel))},I),i.createElement("div",{className:O.inputWrapper},K&&i.createElement("div",{className:O.prefix},K),i.createElement("input",a()({name:l,ref:Me,id:"input_"+p,className:s()(O.input,"has-custom-focus",u(_.inputEl),{[O.hideNumberSpinner]:B}),type:g,value:we,onFocus:ne,onKeyDown:ae,onChange:Le({shouldSetValidityIndication:!0,shouldCallOnInput:!0}),onBlur:e=>{te(e),Ce&&pe(a()({},e,{type:"change"})),je(!1),Q(!0)},placeholder:M,readOnly:E,required:C,"aria-required":C,"aria-invalid":H?X:void 0,pattern:w,maxLength:(()=>{let e=null===k?void 0:k;return W&&(e=W.length),e})(),minLength:W?W.length:void 0,disabled:j,autoComplete:L?"on":R||void 0,step:null===q?void 0:q,min:null===F?void 0:F,max:null===D?void 0:D,autoFocus:Z,"aria-label":Pe||I?Pe:M},Ve))),i.createElement(x,{errorMessageType:G,errorMessage:null==(n=Me.current)?void 0:n.validationMessage,shouldShowValidityIndication:H,translate:Oe,translations:{defaultErrorMessage:"Text_Input_On_Stage_Error_Text_Label"},componentViewMode:Ie}))};const k=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var F;const D={TextInput:{component:i.forwardRef(R),controller:(F=e=>{let t=e.mapperProps,r=e.controllerUtils;return a()({},t,(n=r.updateProps,{onValueChange:e=>{n({value:e})},setValidityIndication:e=>{n({shouldShowValidityIndication:e})}}));var n},{useComponentProps:(e,t,r)=>{const n=(e=>Object.assign(Object.assign({},e),{updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return Object.assign(Object.assign({},e),{[(n=t,n.startsWith("--")?t:k(t))]:void 0===r?null:r});var n}),{});e.updateStyles(r)}}))(r);return F({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),o}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[TextInput].4cbe7248.bundle.min.js.map